<template>
	<view class="one">
		<carHeader :title="'订单支付'"></carHeader>
		<view class="total">
			<image class="img" src="../../static/车联网服务-03车辆维修-08预约成功_slices/对 拷贝.png" mode=""></image>
			<view class="top">支付成功</view>
			<view class="number">39.9</view>
			<view class="bianhao">预约编号：32535925969251666</view>
			<view class="button"> 
			<view class="size">返回首页</view>
			</view>
			<view class="button1">
				<view class="size">订单详情</view>
				</view>
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.one{
		background-color: #F7F7F7;
	}
.total{
	width: 95%;
	height: 950rpx;
	border-radius: 20rpx;
	background-color: #FFFFFF;
	position: absolute;
	top:130rpx;
	left: 20rpx;
}
.img{
	width: 130rpx;
	height: 130rpx;
	position: relative;
	top:130rpx;
	left: 295rpx;
}
	
.top{
	position: relative;
	top:150rpx;
	left: 280rpx;
	font-size: 40rpx;
	font-weight: bold;
}
.number{
	position: relative;
	top:200rpx;
	left: 300rpx;
	font-size: 50rpx;
	font-weight: bold;
}
.bianhao{
	position: relative;
	top:250rpx;
	left: 145rpx;
	font-size: 30rpx;
	font-weight: bold;
}
.button{
	width: 75%;
	height: 80rpx;
	background-color: #0D65E8;
	border-radius: 40rpx;
	position: relative;
	top:300rpx;
	left: 95rpx;
	color: white;
}
.button1{
	width: 75%;
	height: 80rpx;
	background-color: #BFBFBF;
	border-radius: 40rpx;
	position: relative;
	top:350rpx;
	left: 95rpx;
	color: white;
	
}
.size{
	position: relative;
	top:20rpx;
	left: 205rpx;
}
</style>
